<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/recharge.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="recharge-wrapper">
    <div class="head-wrapper">
        <div class="back-wrapper inline"></div>
        <div class="title-wrapper tc inline">充值</div>
        <div class="home-wrapper inline"></div>
    </div>
    <div class="rest-coin-wrapper">当前余额：<span></span> 阅读币</div>
    <p class="split-line-wrapper"></p>
    <div class="recharge-way-wrapper border-1px">
        <div class="way inline wechat tc active border-1px-all pr" data-way="wechat">
            <i class="way-icon inline"></i><span class="inline way-name">微信支付</span>
            <i class="selected-icon pa"></i>
        </div>
        <div class="way inline apply tc border-1px-all pr" data-way="alipay">
            <i class="way-icon inline"></i><span class="inline way-name">支付宝支付</span>
            <i class="selected-icon pa"></i>
        </div>
    </div>
    <div class="select-tip">选择充值金额</div>
    <div class="first-recharge-tip"></div>
    <div class="recharge-type-wrapper">
        <ul>
        </ul>
    </div>
    <div class="check-agree-wrapper tc">
        <span class="check-box inline selected"></span>
        <span class="agree-text inline pr">同意小说</span>
        <span class="explain-btn inline pr">充值条款说明</span>
    </div>
    <div class="recharge-btn-wrapper">
        <div class="recharge-num inline">￥:0</div>
        <div class="recharge-btn inline tc">充值</div>
    </div>
    <div class="explain-mask">
        <div class="explain-content">
            <div class="title-wrapper tc pr">
                充值条款说明 <span class="close-icon pa"></span>
            </div>
            <div class="explain-detail">
                <div class="explain-item">
                    <span class="inline order">1.</span>
                    <p class="inline explain-item-desc">充值兑换比例：<span class="red">1元=100书币</span></p>
                </div>
                <div class="explain-item">
                    <span class="inline order">2.</span>
                    <p class="inline explain-item-desc">书券可用于兑换VIP，进入“个人中心”点击“书券”即可进入兑换页面！</p>
                </div>
                <div class="explain-item">
                    <span class="inline order">3.</span>
                    <p class="inline explain-item-desc">充得多，送得多（<span class="red">PS：购买包年会员更划算哦！</span>）</p>
                </div>
                <div class="explain-item">
                    <span class="inline order">4.</span>
                    <p class="inline explain-item-desc">充值包年、包月VIP成为VIP会员，可免费查看所有书籍</p>
                </div>
                <div class="explain-item">
                    <span class="inline order">5.</span>
                    <p class="inline explain-item-desc">充值后书币到账有延迟，30分钟内未到账请联系客服 <span class="red qq">QQ:<span></span></span></p>
                </div>
                <div class="explain-item">
                    <span class="inline order">6.</span>
                    <p class="inline explain-item-desc">由于小说书豆为特殊虚拟商品，一旦成功购买即开始享受部分及全部服务，因此<span class="red">不可退换</span>，请购买时注意</p>
                </div>
                <div class="explain-item">
                    <span class="inline order">7.</span>
                    <p class="inline explain-item-desc">工作时间：周一到周五</p>
                </div>
                <div class="explain-item">
                    <span class="inline order" style="opacity: 0">8.</span>
                    <p class="inline explain-item-desc"><span style="opacity: 0">工作时间：</span>9:00-12:00,13:30-18:00</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/recharge.js"></script>
</body>
</html>